<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title> test </title>
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
		<link href="http://segment11.sinaapp.com/pace-1.0.2/themes/blue/pace-theme-barber-shop.css" rel="stylesheet" />
		<style>
		* {
			margin: 0;
			padding: 0;
		}
		.box {
			background-color: #ffffff;
			padding: 0 15px;
			margin-top: 30px;
			padding-bottom: 15px;
		}

		h3 {
			padding-top: 16px;
			margin-top: 25px;
			font-size: 16px;
			font-weight: 400;
			color: #3e3e3e;
			position: relative;
		}

		h3:first-child {
			padding-top: 15px;
		}

		button.btn {
			width: 100%;
			border: 0;
			outline: 0;
			-webkit-appearance: none;
			margin-bottom: 15px;

			background-color: #04be02;
		}

		.btn {
			display: block;
			margin-left: auto;
			margin-right: auto;
			padding-left: 14px;
			padding-right: 14px;
			font-size: 18px;
			text-align: center;
			text-decoration: none;
			overflow: visible;
			height: 42px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			color: #ffffff;
			line-height: 42px;
			-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		}
		</style>
	</head>

	<body>
		<div class="box">
			<button class="btn" id="xx">XX</button>
		</div>
	</body>
</html>
<script type="text/javascript">
var paceOptions = {
  // Disable the 'elements' source
  elements: false,

  // Only show the progress on regular and ajax-y page navigation,
  // not every request
  restartOnRequestAfter: false
};
</script>
<script src="http://segment11.sinaapp.com/pace-1.0.2/pace.js"></script>
<script src="http://lib.sinaapp.com/js/zepto/1.0rc/zepto.min.js"></script>

<script>

$(function(){
	$('#xx').click(function(){
		var url = 'test-pace.html';
		Pace.track(function(){
			$.get(url, function(data){
				console.log(data.length);
			});
		});
	});
});
</script>